<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>硬件推荐</title>
    <th:block th:replace="/backstage/common_resources::common_css"></th:block>
    <th:block th:replace="/backstage/common_resources::common_js"></th:block>
</head>
<body class="hold-transition skin-purple sidebar-mini">
<header th:replace="~{/backstage/common_header::header}"></header>
<aside th:replace="~{/backstage/common_aside::aside}"></aside>
<div class="wrapper">
    <div class="content-wrapper">
        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                硬件推荐
                <small>硬件详情</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="@{/backstage/index}"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li><a href="@{/backstage/hardwarecategory/all}"> 硬件品类</a></li>
                <li class="active">硬件详情</li>
            </ol>
        </section>
        <!-- 内容头部 /-->


        <!-- 正文区域 -->
        <section class="content">
            <table id="collapse-table" class="table table-bordered table-hover dataTable">
                <thead>
                <tr>
                    <th style="width: 20%;">产品名称</th>
                    <th style="width: 60%;">产品介绍</th>

                </tr>
                </thead>
                <tr>
                    <td th:text="${hardwareType.hardwaretyname}"></td>
                </tr>
                <tbody th:each="hardware,status:${hardwareType.hardwares}">
                <tr th:attr="data-tt-id=${status.index}">
                    <td th:text="${hardware.hardname}"></td>
                    <td th:text="${hardware.hardDesc}"></td>
                </tbody>
            </table>
        </section>
        <!-- 正文区域 /-->

    </div>
</div>
<footer th:replace="~{/backstage/common_footer::footer}"></footer>
<script>
    $(document).ready(function() {
        /*table tree*/
        $("#collapse-table").treetable({
            expandable: true
        });


    });
</script>
</body>
</html>
